.UpculRAGFrontPageContainer {
    position: absolute;
    inset: 0;

    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;

    width: 100%;
    overflow: hidden;
    position: relative;

    .BackgroundImg {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        width: 100%;
        height: 100vh;
        filter: blur(20px) opacity(0.8);
        object-fit: cover;
        object-position: bottom;
        display: block;
    }
    .MainBlock {
        grid-row: 1 / 2;
        grid-column: 1 / 2;

        width: 100%;
        height: 100vh;

        display: grid;
        justify-content: center;
        align-items: center;

        .ImgBox {
            grid-row: 1 / 2;
            grid-column: 1 / 2;

            height: 100vh;
            overflow: hidden;
            position: relative;
    
            max-width: 550px;
    
            .FrontPageImg {
                width: 100%;
                height: auto;
                object-fit: cover;
                object-position: center;
                display: block;
            }
        }

        .ButtonBox {
            grid-row: 1 / 2;
            grid-column: 1 / 2;

            height: 100%;

            display: flex;
            flex-direction: column;

            .LinkButton {
                margin: 0 auto;
                position: relative;
                top: 80%; /* 縦方向で上6下4の位置に配置 */
                transform: translateY(-50%); /* 中心から調整 */

                padding: 10px 20px;
                background-color: white;
                color: #333;
                border-radius: 5px;
                cursor: pointer;
                text-decoration: none;

                font-size: 1.3em;
                font-weight: bold;
                text-align: center;

                width: 70%;

                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
            }
        }
    }

}